﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Wuc_TabsInDefault.ascx.cs" Inherits="Cn.Cellula.Website.Biz.Wuc.Wuc_TabsInDefault" %>
<script type="text/javascript">
var CellulaTabs = function(rHd){
    var __hd = (typeof(rHd)=="string")?rHd:"cellulaTabs";
    var __tabCssClass = "tabs_title_item";
    var __tabSelectedCssClass = "tabs_title_item_selected";

    this.select = function(sender,e){
        var parent = sender.parentNode;
        var tabs = parent.childNodes;
        for(var i=0;i<tabs.length;i++){
            tabs[i].className = __tabCssClass;
        }
        sender.className = __tabSelectedCssClass;
        var idx= parseInt(sender.getAttribute("tabindex"));
        __refresh(idx);       
    };
    var __refresh = function(idx){
        var container = $("#tabsContainer");
        var clist = container.childNodes;
        for(var i=0;i<clist.length;i++){
            if(i==idx){
                clist[i].className = "tabs_content_item_selected";
            }else{
                clist[i].className = "tabs_content_item";
            }
        }
    }
};
var cellulaTabs = new CellulaTabs("cellulaTabs");
</script>
<div class="tabs_body">
    <div id="tabsContainer" class="tabs_content_bar">
        <div id="wuc_tabs_1" class="tabs_content_item_selected"></div>
        <div id="wuc_tabs_2" class="tabs_content_item"></div>
        <div id="wuc_tabs_3" class="tabs_content_item"></div>
        <div id="wuc_tabs_4" class="tabs_content_item"></div>
    </div>
    <div id="tabsBar" class="tabs_title_bar">
        <div tabindex="0" onmouseover="cellulaTabs.select(this,event)" class="tabs_title_item_selected">本月特惠</div>
        <div tabindex="1" onmouseover="cellulaTabs.select(this,event)" class="tabs_title_item">最新产品</div>
        <div tabindex="2" onmouseover="cellulaTabs.select(this,event)" class="tabs_title_item">热销产品</div>
        <div tabindex="3" onmouseover="cellulaTabs.select(this,event)" class="tabs_title_item">销量促销</div>
    </div>
</div>
<script type="text/javascript">
    var topCount = 4;
    var repeatColumn = 5;
    var tlId = "68a805ed32a64a3baf91c82b52664d36";
    //本月特惠
    var wucTabs1List = new ListBuilder("wucTabs1List");
    wucTabs1List.setRepeatColumns(repeatColumn);
    wucTabs1List.deploy("wuc_tabs_1"
        ,"Ws/_Action.aspx?id=4ff1486344f14092a26a4c0eca6c5e24"
        ,tlId,topCount);
    //最新产品
    var wucTabs2List = new ListBuilder("wucTabs2List");
    wucTabs2List.setRepeatColumns(repeatColumn);
    wucTabs2List.deploy("wuc_tabs_2"
        ,"Ws/_Action.aspx?id=8de401c3dc294d9b9626460e3f0fcaa4"
        ,tlId,topCount);
    //热销产品
    var wucTabs3List = new ListBuilder("wucTabs3List");
    wucTabs3List.setRepeatColumns(repeatColumn);
    wucTabs3List.deploy("wuc_tabs_3"
        ,"Ws/_Action.aspx?id=57260ffc4f304a8cb93171208c2ee428"
        ,tlId,topCount);
    //本月特惠
    var wucTabs4List = new ListBuilder("wucTabs4List");
    wucTabs4List.setRepeatColumns(repeatColumn);
    wucTabs4List.deploy("wuc_tabs_4"
        ,"Ws/_Action.aspx?id=b07525e0818e487fb61190f34b4cbde8&parms=5bed7e6d1c6e4b5086e6de4383a882a8"
        ,tlId,topCount);
</script>
